<template>
  <div>
    <h2>App组件</h2>
    <p v-text="uname">12345</p>
    <p>{{ age + 1 }}</p>
    <p>{{ height.toUpperCase() }}</p>
    <p v-html="introduce">67890</p>

    <!-- 下面的写法是错误的，因为属性值，不能用双大括号 -->
    <!-- <input type="{{ age }}" /> -->
  </div>
</template>

<script>
// 这里放JS代码
export default {
  // ==== vue所有的代码，都写到这个对象中 ====
  // 数据放到data中，方法放到methods中，计算属性放到computed里面，侦听器放到watch中，.......
  data () {
    return {
      // 这里写你的数据
      uname: '张三',
      age: 20,
      introduce: '这是一个非常<strong>优秀</strong>的小伙子',
      height: '180cm'
    }
  }
}
</script>

<style></style>
